<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <link rel="apple-touch-icon" href="favicon.png">

    <link rel="Shortcut Icon" href="favicon.png" type="image/x-icon">
    <title>去哪买</title>
    <script type="text/javascript">
        window.onload = function () {
            getRem(375, 50)
        }
        window.onresize = function () {
            getRem(375, 50)
        }

        /**
         * @description rem适配
         * @author ZK
         * @date 2019-01-30
         * @param {*} pwidth 设计图尺寸
         * @param {*} prem rem基数 1 rem = ${prem} px
         */
        function getRem (pwidth, prem) {
            var html = document.getElementsByTagName('html')[0]
            console.log(document.body)
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth
            html.style.fontSize = oWidth / pwidth * prem + 'px'
        }
    </script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div id="app" v-cloak>
    <div class="news-backBox" v-if="showBackBtn">
        <p class="news-back">
            <span class="news-backBtn" @click="back">
                返回
            </span>
        </p>
    </div>
    <h4 class="news-title">{{content[index].title}}</h4>
    <p class="news-info">
        去哪买 <span class="news-infoTitle">去哪买超市拼购</span>3-14 15:10
    </p>
    <div v-for="(item,index) in content[index].dataList">
        <p class="news-text" v-if="item.type === 'text'" v-html="item.text">
            {{item.text}}
        </p>
        <div class="news-imgBox" v-if="item.type === 'image'">
            <img :src=item.image alt="" class="news-img">
        </div>
    </div>

    <p class="news-bottom">
        <span class="news-time">2019.3.14</span>
        <span class="news-author">作者：去哪买</span>
    </p>
</div>
<script src="../js/vue.js"></script>
<script src="../js/axios.min.js"></script>
<script src="../js/fetch20190612.js"></script>
<!--<script type="text/javascript" src="../js/check.js"></script>-->
<script type="text/javascript" src="js/index20190514.js"></script>
</body>
</html>
